<?php if (!defined('THINK_PATH')) exit();?>
<!doctype html>
<html  lang="zh-CN" prefix="og: http://ogp.me/ns#">
<head>
<title>科技轻体验</title>
<style type="text/css">
      .b-page {
    background: #fff;
    box-shadow: 0px 1px 2px 0px #E2E2E2;
      }
      .page {
          width: 95%;
          padding: 30px 15px;
          background: #FFF;
          text-align: right;
          overflow: hidden;
      }
        .page .first,
        .page .prev,
        .page .current,
        .page .num,
        .page .current,
        .page .next,
        .page .end {
            padding: 8px 16px;
            margin: 0px 5px;
            display: inline-block;
            color: #008CBA;
            border: 1px solid #F2F2F2;
            border-radius: 5px;
        }
        .page .first:hover,
        .page .prev:hover,
        .page .current:hover,
        .page .num:hover,
        .page .current:hover,
        .page .next:hover,
        .page .end:hover {
            text-decoration: none;
            background: #F8F5F5;
        }
        .page .current {
            background-color: #008CBA;
            color: #FFF;
            border-radius: 5px;
            border: 1px solid #008CBA;
        }
        .page .current:hover {
            text-decoration: none;
            background: #008CBA;
        }
        .page .not-allowed {
            cursor: not-allowed;
        }
</style>


    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    
    <meta charset="UTF-8" />
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

      <link href='/blog/Public/Home/style/homeStyle.css' rel='stylesheet' type='text/css'><!-- 时间流样式 -->
      <link href='/blog/Public/Home/style/style.css' rel='stylesheet' type='text/css'>
      <link rel="stylesheet" type="text/css" href="/blog/Public/Home/style/font.css">
      <script type="text/javascript" src="/blog/Public/Home/style/jquery-1.11.3.min.js"></script>



  
           


		<style type="text/css">
			img.wp-smiley,
			img.emoji {
				display: inline !important;
				border: none !important;
				box-shadow: none !important;
				height: 1em !important;
				width: 1em !important;
				margin: 0 .07em !important;
				vertical-align: -0.1em !important;
				background: none !important;
				padding: 0 !important;
			}
		</style>
   
</head>

<body class="p-blog zh" style="background-color:#e9f0f5">
<!-- Desktop Header -->
<!-- 导航啦开始 -->
    <header>
        <div class="header">
            <div class="logo">
                <div class="title">
                    <a href="#">
                        <img src="/blog/Uploads/logo/logo.png" title="Tech Logo" width="126" height="45" />
                        <img src="/blog/Uploads/logo/logo2.png" title="Tech Logo" width="126" height="45" />
                        <!-- <h1>科技轻体验</h1> -->
                    </a>
                        <br/>
                        <span style="color: white">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;分享智慧生活新玩法</span>
                </div>
            </div>
        </div>
    </header>


    <!-- 悬浮导航栏，页面下拉当导航栏消失的时候，自动悬浮出来 -->
    <!-- <div class="anchor-bar">
        <ul>
            <li class="active"><a href="#">最新文章</a></li>
            <li><a href="#">产品相关</a></li>
            <li><a href="#">公司新闻</a></li>            
            <li>
               <a class="download" data-ga="download|anchor-bar|ts|" href="#">免费下载</a>
            </li>
        </ul>
    </div> -->



<!-- 导航栏结束 -->




<div class="body">
<div class="wrapper cls">
    <div class="main" style="width: 1000px">

        <div>
            <ul class="Fnav"><!-- 主显示话题 -->
                <?php if(is_array($navers)): $i = 0; $__LIST__ = $navers;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?><li><a href="/blog/index.php/Home/<?php if($vo['cate_id'] == 1): ?>First<?php elseif($vo['cate_id'] == 2): ?>Article<?php elseif($vo['cate_id'] == 3): ?>About<?php endif; ?>/index"><img src="/blog/Uploads/def.jpg" style="width: 280px;height: 150px"><br><h1>#<?php echo ($vo["cate_name"]); ?>#</h1></a></li><?php endforeach; endif; else: echo "" ;endif; ?>                
            </ul>
            <ul>
                <li><br><p>&nbsp;</p><br></li>
            </ul>
            <ul class="Snav"><!-- 副显示话题 -->
                <?php if(is_array($navers)): $i = 0; $__LIST__ = $navers;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?><li><a href="/blog/index.php/Home/<?php if($vo['cate_id'] == 1): ?>First<?php elseif($vo['cate_id'] == 2): ?>Article<?php elseif($vo['cate_id'] == 3): ?>About<?php endif; ?>/index"><h1>#<?php echo ($vo["cate_name"]); ?>#</h1></a></li>
                <li><a href="/blog/index.php/Home/<?php if($vo['cate_id'] == 1): ?>First<?php elseif($vo['cate_id'] == 2): ?>Article<?php elseif($vo['cate_id'] == 3): ?>About<?php endif; ?>/index"><h1>#<?php echo ($vo["cate_name"]); ?>#</h1></a></li><?php endforeach; endif; else: echo "" ;endif; ?>                
            </ul>
        </div>


        <!-- 视频介绍 -->
        <div>
            <br><br><br><br>
            <div class="covideo">关键视频展示<br>如自我介绍<br>视频存放在服务器上</div>
            <!-- width: 490px;    height: 350px; -->
            <div class="cotext">文字介绍展示</div>
        </div>



        <!-- 时间流 -->
        <div class="timelin" >
            
            
            <section id="cd-timeline" class="cd-container" style="width: 1000px">


                <?php if(is_array($firsts)): $i = 0; $__LIST__ = $firsts;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?><div class="cd-timeline-block">
                        <div class="cd-timeline-img cd-picture">
                            <img src="/blog/Uploads/effect/cd-icon-location.svg" alt="local">
                        </div>

                        <div class="cd-timeline-content">
                            <h2><?php echo ($vo["f_title"]); ?></h2>
                            <!-- <p>网页时间轴一般用于展示以时间为主线的事件，如企业网站常见的公司发展历程等。本文将给大家介绍一款基于HTML5和CSS3的漂亮的垂直时间轴，它可以响应页面布局，适用于HTML5开发的PC和移动手机WEB应用。</p> -->
                            <a href="/blog/index.php/Home/Index/article/id/<?php echo ($vo["f_id"]); ?>" class="cd-read-more" target="_blank">查看内容</a>
                            <span class="cd-date"><?php echo (date("Y-m-d",$vo["time"])); ?></span>
                        </div>
                    </div><?php endforeach; endif; else: echo "" ;endif; ?>  

                
            </section>
        </div>


    </div>
    <div class="sticky-content-spacer">



      


      
    </div>
    	<div class="clear"></div>
</div>
</div>          

<footer>
    <div class = "footer">
        <div class="row">
                <img src="/blog/Uploads/logo/logo2.png" title="TechTrial Logo" width="126" height="45" />
                <dl>                    
                    <dt>业务</dt>
                        <dd>
                           <a target="_blank" href="#">客机评测</a>
                        </dd>
                        <dd>
                            <a target="_blank" href="#">科普短片</a>
                        </dd>
                        <dd>
                            <a target="_blank" href="#">图文制作</a>
                        </dd>
                </dl>
                <dl>
                    <dt>关于我们</dt>
                        <dd><a href="#">加入我们</a></dd>
                        <dd><a href="#">商务合作</a></dd>
                        <dd><a href="#">关于TechTrial</a></dd>
                </dl>
                <dl>
                    <dt><a href="#">官方微信</a></dt>
                </dl>
                <dl>
                    <dt><a href="#">官方微博</a></dt>
                </dl>
               <!--  <dl>
                    
                </dl> -->
                </div>
                
                <div class="row">
                    <hr/>
                    <a href="http://wpa.qq.com/msgrd?v=3&uin=614112778&site=qq&menu=yes"><img src="/blog/Uploads/logo/logo3.png" title="TechTrial Logo" width="126" height="45" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <span class="copyright">© 2010 - 2018 DGtle.com CC BY-NC-SA 4.0 粤 ICP 备 13000416 号-1</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                </div>
            </div>
        </footer>
    
      
     
        <script>
        $(function($){
            $('[data-ga]').click(function() {
                var e = $(this).attr('data-ga').split('|');
                ga('send', 'event', e[0], e[1], e[2]);
            });


        });

        $(function() {
          'use strict';

          var $window = $(window);

          $window.scroll(checkAnchorBar);

          checkAnchorBar();

          function checkAnchorBar() {
            var $anchorBar = $('.anchor-bar');
            var scrollTop = $window.scrollTop();

            var $anchorStartElem = $('header');
            var attachedClass = 'attached';

            var threshold = $anchorStartElem.offset().top + $anchorStartElem.height();

            if (!$anchorBar.hasClass(attachedClass) && scrollTop >= threshold) {
              $anchorBar.addClass(attachedClass);
            } else if ($anchorBar.hasClass(attachedClass) && scrollTop < threshold) {
              $anchorBar.removeClass(attachedClass);
            }
          }
        });
    </script>
    
    
    <div id="fb-root"></div>

   
    </body>
</html>